<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>百度一下</title>
    <link rel="shortcut icon" href="img/oldVersion/icon/BaiDu-title.png" type="image/x-icon">
    <link rel="stylesheet" href="css/oldVersion.css">
    <script src="asset/getFontSize.js"></script>
</head>
<body>

<!--天气 和 个人信息-->
<header class="header">
    <!--天气-->
    <a href="">
        <div class="weather">
            <!--天气的图片-->
            <img src="img/oldVersion/icon/rain-icon.png" alt="rain" class="weather-icon">
            <!--温度-->
            <span class="weather-number">20°</span>
            <!--地区 和 最高温度和最低温度-->
            <div class="weather-location">
                <!--地区-->
                <div class="">杭州</div>
                <!--最高温度与最低温度-->
                <div class="">22°/15°</div>
            </div>
            <span class="weather-more-arrows">
            <span class="weather-more"></span>
            <span class="weather-more2"></span>
        </span>
        </div>
    </a>
    <!--个人信息-->
    <a href="personal.html">
        <img src="img/oldVersion/icon/personal-icon.png" alt="personal" class="personal-icon">
    </a>
    <!--提示-->
    <div class="reminder">
        免流量特权领取
        <span class="reminder-arrows"></span>
        <span class="reminder-arrows2"></span>
    </div>
</header>
<!--中间内容-->
<div class="content">
    <!--百度logo-->
    <img src="img/oldVersion/icon/BaiDu_logo.png" alt="BaiDu" class="BaiDu-logo">
    <!--搜索框-->
    <div class="search-box">
        <span class="search-txt">
            <input type="text" name="" placeholder="" class="search-content">
            <!--录音-->
            <span class="search-icon"></span>
            <!--相机-->
            <span class="search-icon2"></span>
        </span>
        <button class="search-button">
            <a href="result.html" id="search-button">
                百度一下
            </a>
        </button>
    </div>
    <!-- 滑动 滚轮 -->
    <div class="nav-item">
        <ul class="navigation-select-item" id="navigation-select-item">
            <!--关注-->
            <li class="">
                <a href="old-attention.html">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        关注
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="old-news.html">
                    <div class="navigation-item-icon navigation-item-icon2"></div>
                    <div class="navigation-item-text">
                        新闻
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon navigation-item-icon3"></div>
                    <div class="navigation-item-text">
                        小说
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon navigation-item-icon4"></div>
                    <div class="navigation-item-text">
                        视频
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon navigation-item-icon5"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon navigation-item-icon6"></div>
                    <div class="navigation-item-text">
                        地图
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
            <!--关注-->
            <li class="">
                <a href="">
                    <div class="navigation-item-icon"></div>
                    <div class="navigation-item-text">
                        糯米
                    </div>
                </a>
            </li>
        </ul>
        <ul class="nav-item-location">
            <li class="nav-item-location-li nav-item-location-li-active" id="nav-item-location-li0"></li>
            <li class="nav-item-location-li" id="nav-item-location-li1"></li>
            <li class="nav-item-location-li" id="nav-item-location-li2"></li>
        </ul>
    </div>
    <!--nav 导航-->
    <ul class="head-nav">
        <li class="">推荐</li>
        <li class="">热点</li>
        <li class="">视频</li>
        <li class="">娱乐</li>
        <li class="">军事</li>
        <!--加号-->
        <li class=""></li>
    </ul>
    <!--推荐 内容-->
    <div class="recommend-content">
        <!--图片贴-->
        <div class="recommend">
            <a href="">
                <div class="recommend-title">
                    街拍：扬州街头美女小少妇简直性感了，比女明星还有气质，好美！
                </div>
                <img src="img/oldVersion/img/recommend-img.jpg" alt="recommend-img" class="recommend-img">
                <div class="recommend-number">
                    <img src="img/oldVersion/icon/recommend-number.png" alt="number" class="recommend-img-number">
                    7 图
                </div>
                <!--推荐内容地图,来源和获取时间-->
                <div class="recommend-footer">
                    <span class="">现实大杂烩</span>
                    <span class="">14:24</span>
                    <span class="atlas">图集</span>
                </div>
            </a>
        </div>
        <!--视频帖子-->
        <div class="recommend">
            <a href="videoPage.html">
                <div class="recommend-title">
                    街拍：扬州街头美女小少妇简直性感了，比女明星还有气质，好美！
                </div>
                <img src="img/oldVersion/img/recommend-img.jpg" alt="recommend-img" class="recommend-img">
                <img src="img/oldVersion/icon/play-icon.png" alt="play" class="recommend-play">
                <!--推荐内容地图,来源和获取时间-->
                <div class="recommend-footer">
                    <span class="">现实大杂烩</span>
                    <span class="">14:24</span>
                    <span class="atlas">图集</span>
                </div>
            </a>
        </div>
    </div>
</div>

<footer class="footer">
    <!--用户 反馈-->
    <div class="feedback">
        <img src="img/oldVersion/icon/feedback-icon.png" alt="feedback-icon" class="feedback-icon">
        用户反馈
    </div>
    <!-- 认证-->
    <div class="authentication">
        <div class="">使用百度前必读 BaiDu 京ICP证030173号</div>
        <div class="">
            <img src="img/oldVersion/icon/police-icon.png" alt="police" class="police">
            京公网安备11000002000001号
        </div>
    </div>
</footer>
<script src="asset/jquery-3.3.1.min.js"></script>
<script src="js/oldVersion-touch.js"></script>
<script src="js/oldVersion.js"></script>
</body>
</html>